function GetChartsData() {

	var fieldStr = "";
	var nodeStr = "";
	var height = 250;

	$("#left-property-table tr td").each(function() {
		if ($(this).find("input[type=checkbox]:checked").val() != undefined) {
			fieldCode = $(this).find("input[type=checkbox]:checked").val();
			fieldStr += fieldCode + ",";
		}
	});

	var level = $("#chart-select").children('option:selected').val();
	var chartStyle = $("#chartStyle-select").children('option:selected').val();
	var nodes = treeObj.getCheckedNodes(true);
	var count = 0;
	for (var i = 0; i < nodes.length; i++) {
		if (nodes[i].level == level)
			nodeStr += nodes[i].id + ",";// 获取选中节点的值，并添加到数组中
		count++;
	}
	var normalType = $('#normal-select input[name="normal"]:checked').val();
	if (normalType == null) {
		normalType = 0;
	}
	// 图表联动
	$.ajax({}).done(function(){
		getTableJson(level,chartStyle,normalType);
	});
	showSpinner("#chart_show");

	$.ajax({
		url : './chart/showChart',
		type : 'post',
		data : {
			fieldStr : fieldStr,
			nodeStr : nodeStr,
			level : level,
			chartType : "line",
			chartStyle : chartStyle,
			normalType : normalType
		},
		dataType : 'json'
	}).done(
			function(data) {

				$('#chart_show').html("");

				if (count == 1) {
					FunConnectDraw(chartEC, data);

				} else {

					if (chartStyle == "stack") {
						height = 400;
						$.each(data, function(i, item) {
							$('#chart_show').append(
									"<div id='" + item.divID + "' style='height: " + height
											+ "px'></div>");
							FunDraw(chartEC, item.echartData, item.divID, '5%');
						});

					} else {
						$.each(data, function(i, item) {
							$('#chart_show').append(
									"<div id='" + item.divID
											+ "' class='singleChart' style='height: " + height
											+ "px'></div>");
							FunDraw(chartEC, item.echartData, item.divID);
						});
					}
				}

			});

}

function chartdata_init() {

	showSpinner("#chart_show");

	var fieldStr = "QQ";
	var nodeStr = "1001070005";
	var level = 3;
	var chartStyle = "line";
	var normalType = 0;
	var height = 250;

	$.ajax({
		url : './chart/showChart',
		type : 'post',
		data : {
			fieldStr : fieldStr,
			nodeStr : nodeStr,
			level : level,
			chartType : "line",
			chartStyle : chartStyle,
			normalType : normalType
		},
		dataType : 'json'
	}).done(
			function(data) {

				$('#chart_show').html("");
				$.each(data, function(i, item) {
					$('#chart_show').append(
							"<div id='" + item.divID
									+ "' class='singleChart' style='height: " + height
									+ "px'></div>");
					FunDraw(chartEC, item.echartData, item.divID);
				});

			});

}

function DrawCharts(ec) {

	chartEC = ec;
	chartdata_init();
}

function FunDraw(ec, item, id, postion) {

	postion = postion || '5%';

	// 基于准备好的dom，初始化echarts图表
	var myChart = ec.init(document.getElementById(id));

	option = {
		title : {
			text : item.showName,
			x : 'left',
			y : 'top'
		},
		tooltip : {
			trigger : 'axis'
		},
		legend : {// 图例
			show : true,
			data : item.legend
		},
		grid : {
			x : '10%',
			y : '15%',
			x2 : postion,
			y2 : '10%'
		},
		toolbox : {
			orient : 'vertical',
			show : true,
			x : 'right',
			y : 30,
			feature : {
				/*
				 * dataView : { show : true, readOnly : false }, magicType : { show :
				 * true, type : strs[1] }, restore : { show : true }, mark : { show :
				 * true },
				 */
				dataZoom : {
					show : true
				},
				/*
				 * magicType : { show : true, type : strs[1] },
				 */
				restore : {
					show : true
				},
				saveAsImage : {
					show : true
				}
			}
		},
		dataZoom : {
			show : true,
			start : 10,
			height : 20
		},
		grid : {
			y : 30,
			y2 : 60
		},
		calculable : false,// 是否启用拖拽
		xAxis : [{
			type : 'category',
			boundaryGap : false,
			data : item.xAxis
		}],
		yAxis : [{
			type : 'value',
		}],
		series : item.series
	};

	// 为echarts对象加载数据
	myChart.setOption(option);
}

function FunConnectDraw(ec, data) {
	var myCharts = new Array();
	var Connectlegend = new Array();
	var AllColors = new Array();
	var height = 250;
		
	$.each(data, function(i, item) {

		var legend = item.echartData.showName.split(' ');
		var firstStr = legend[0];
		Connectlegend.push(firstStr);
		
		AllColors.push(item.echartData.color);

	});

	$.each(data,
			function(i, item) {

				var Colors = new Array();
				Colors.push(item.echartData.color);
		
				if (i != 0) {
					height = 150;
				}

				$('#chart_show').append(
						"<div id='" + item.divID + "' style='height: " + height
								+ "px'></div>");

				if (i == 0) {

					var str = "[";
					var legend;
					for (var i = 0; i < Connectlegend.length; i++) {
						if (i != Connectlegend.length - 1) {
							str += "{\"name\":\"" + Connectlegend[i]
									+ "\",\"type\":\"line\",\"symbol\": \"none\",\"data\":[]},";
						} else {
							str += "{\"name\":\"" + Connectlegend[i]
									+ "\",\"type\":\"line\",\"symbol\": \"none\",\"data\":[]}";
						}
					}
					str += "]";
					var series = JSON.parse(str);

					option = {
						title : {
							text : '多图联动'
						},
						tooltip : {
							trigger : 'axis',
							showDelay : 0, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms
							formatter : function(params) {
								var res = params[0].name;
								res += '<br/>' + params[0].seriesName + '：'
										+ addCommas(params[0].value);
								return res;
							}
						},
						legend : {
							data : Connectlegend
						},
						grid : {
							x : '10%',
							y : '10%',
							x2 : '5%',
							y2 : '20%'
						},
						dataZoom : {
							show : true,
							start : 10,
							height : 20
						},
						toolbox : {
							y : 30,
							orient : 'vertical',
							show : true,
							x : 'right',
							feature : {
								/*
								 * dataView : { show : true, readOnly : false }, magicType : {
								 * show : true, type : strs[1] }, restore : { show : true },
								 * mark : { show : true },
								 */
								dataZoom : {
									show : true
								},
								/*
								 * magicType : { show : true, type : strs[1] },
								 */
								restore : {
									show : true
								},
								saveAsImage : {
									show : true
								}
							}
						},
						calculable : false,// 是否启用拖拽
						xAxis : [{
							type : 'category',
							boundaryGap : true,
							axisTick : {
								onGap : false
							},
							splitLine : {
								show : false
							},
							data : item.echartData.xAxis
						}],
						yAxis : [{
							type : 'value',
						}],
						series : series,
						color:AllColors
					};

					option.series[0].data = item.echartData.series[0].data;
					myChart = ec.init(document.getElementById(item.divID));
					myChart.setOption(option);
					myCharts.push(myChart);

				} else {

					option = {

						tooltip : {
							trigger : 'axis',
							showDelay : 0, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms
						},
						legend : {
							y : -30,
							data : Connectlegend
						},
						grid : {
							x : '10%',
							y : '5%',
							x2 : '5%',
							y2 : '15%'
						},
						toolbox : {
							orient : 'vertical',
							show : false,
							x : 'right',
							y : 30,
							feature : {
								/*
								 * dataView : { show : true, readOnly : false }, magicType : {
								 * show : true, type : strs[1] }, restore : { show : true },
								 * mark : { show : true },
								 */
								dataZoom : {
									show : true
								},
								/*
								 * magicType : { show : true, type : strs[1] },
								 */
								restore : {
									show : true
								},
								saveAsImage : {
									show : true
								}
							}
						},
						calculable : false,// 是否启用拖拽
						xAxis : [{
							type : 'category',
							boundaryGap : true,
							axisTick : {
								onGap : false
							},
							splitLine : {
								show : false
							},
							data : item.echartData.xAxis
						}],
						yAxis : [{
							type : 'value',
						}],
						series : [{
							name : Connectlegend[i],
							type : 'line',
							symbol: 'none',
							data : []
						}],
						color:Colors
					};

					option.series[0].data = item.echartData.series[0].data;
					myChart = ec.init(document.getElementById(item.divID));
					myChart.setOption(option);
					myCharts.push(myChart);

				}

				for (var i = 0; i < myCharts.length; i++) {
					myCharts[i].connect(myCharts);
				}
			});

}

function showSpinner(id) {
	$(id).html("");
	$(id).append(
			"<div class='spinner'>"
					+ "<div class='rect1'></div><div class='rect2'></div>"
					+ "<div class='rect3'></div><div class='rect4'></div>"
					+ "<div class='rect5'></div></div>");
}

function addCommas(nStr) {
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}